/* 
1 引入 用来请求的 方法
2 wechat miniprogram, 一定要把路径补全
*/
import {
  request
} from "../../request/index.js"
import regeneratorRuntime from '../../lib/runtime/runtime';
// pages/goods_list/index.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    tabs:[
      {
        id:0,
        value:"综合",
        isActive:true
      },
      {
        id:1,
        value:"销量",
        isActive:false
      },
      {
        id:2,
        value:"价格",
        isActive:false
      }
    ],
    goodsList:[]
  },
  // 接口要的参数
  QueryParams:{
    query:"",
    // 通过点击事件,cid会重新赋值
    cid:"",
    pagenum:1,
    pagesize:10
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 在opitons对象里面有cid属性
    // console.log("options:",options)
    this.QueryParams.cid = options.cid;
    //在onload里边调用一下这个方法
    this.getGoodsList();
    // console.log(this.goodsList)


    /* wx.showLoading({
      title: '加载中',
    })
    
    setTimeout(function () {
      wx.hideLoading()
      
      // 1. 5秒后,关闭显示图标
      // 2. 1000 ms = 1 s
      
    }, 5000) */
    
  },
  /* 
  1 获取商品列表数据
  2 es7 async语法需要引入两个库或封装代码
  */
  async getGoodsList(){
    const res=await request({url:"/goods/search",data:this.QueryParams})
    //const res=await request({url:"/goods/search"})
    console.log("res",res)
    this.setData({
      goodsList:res.goods
    })
    // console.log(this.data.goodsList)
  },




  // 标题点击事件 从子组件传递过来
  handleTabsItemChange(e){
    console.log("e",e)
    // 1 获取被点击的标题索引
    const {index}=e.detail
    console.log("this.data",this.data)
    // 2 修改源数组
    let {tabs}=this.data; 
    //无法使用两个点: 所有有大括号包裹 {tabs} let tabs = this.data.tabs
    /*
    1 三元运算符是大体的规则
    2 遍历tabs,对比index
    */
    tabs.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false);
    this.setData({
      tabs
    })

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    console.log("页面触底")
    //在onload里边调用一下这个方法
    this.getGoodsList();
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})